<!DOCTYPE html>
<html>
<head>
    {include file="layout:_meta_index" /}
    <style>
        body .demo-class .layui-layer-title{background:#c00; color:#fff; border: none;}
        body .demo-class .layui-layer-btn{border-top:1px solid #E9E7E7}
        body .demo-class .layui-layer-btn a{background:#333;}
        body .demo-class .layui-layer-btn .layui-layer-btn1{background:#999;}
        #toggle-button{ display: none; }
        .button-label{
            position: relative;
            display: inline-block;
            width:60px;
            height: 30px;
            background-color: #ccc;
            box-shadow: #ccc 0px 0px 0px 2px;
            border-radius: 30px;
            overflow: hidden;
        }
        .circle{
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: #fff;
        }
        .button-label .text {
            line-height: 30px;
            font-size: 14px;
            text-shadow: 0 0 2px #ddd;
        }

        .on { color: #fff; display: none; text-indent: 5px;}
        .off { color: #fff; display: inline-block; text-indent: 30px;}
        .button-label .circle{
            left: 0;
            transition: all 0.3s;
        }
        #toggle-button:checked + label.button-label .circle{
            left: 30px;
        }
        #toggle-button:checked + label.button-label .on{ display: inline-block; }
        #toggle-button:checked + label.button-label .off{ display: none; }
        #toggle-button:checked + label.button-label{
            background-color: #51ccee;
        }

        .layui-icon-refresh-3:hover{
            color: green !important;
        }
    </style>
</head>
<body class="layui-layout-body">

<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect>
                    <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>
<!--                {foreach $navBar as $key=>$item}-->
<!--                <li class="layui-nav-item layui-hide-xs {eq name="key" value="0"}layui-this{/eq}">-->
<!--                    <a href="javascript:;" data-key="{$key}" layadmin-event="navBar">-->
<!--                        <i class="layui-icon {$item->menu_icon}"></i> {$item->title}-->
<!--                    </a>-->
<!--                </li>-->
<!--                {/foreach}-->
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" layadmin-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3" style="color: #333;padding: 5px;border-radius: 5px;"></i>
                    </a>
                </li>

            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="clearCache">
                        <i class="layui-icon layui-icon-fonts-clear"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="theme">
                        <i class="layui-icon layui-icon-theme"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="note">
                        <i class="layui-icon layui-icon-note"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="fullscreen">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;">
                        <cite>{:empty($admin.admin_name)?$admin.username:$admin.admin_name}</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a lay-href="{:url('sys.Admin/info')}">基本资料</a></dd>
                        <dd><a lay-href="{:url('sys.Admin/password')}">修改密码</a></dd>
                        <hr>
                        <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" ><i class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
                <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
                    <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
            </ul>
        </div>

        <!-- 侧边菜单 -->
        <div class="layui-side layui-side-menu">
            <div class="layui-side-scroll">
                <div class="layui-logo" lay-href="{:url('index/console')}">
                    <span>{:empty($store.name)?'后台管理':$store.name}</span>
                </div>

                <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
                    <script id="menu" type="text/html">
                        {{#  layui.each(d, function(index, item){ }}
                            {{#  if(item.children){ }}
                              <!--一级菜单-->
                            <li data-name="{{item.id}}" class="layui-nav-item">
                                <a href="javascript:;" lay-tips="{{item.title}}" lay-direction="2">
                                    {{#  if(item.menu_icon){ }}
                                    <i class="layui-icon {{item.menu_icon}}"></i>
                                    {{#  } else { }}
                                    <i class="layui-icon layui-icon-release"></i>
                                    {{#  } }}
                                    <cite>{{item.title}}</cite>
                                </a>
                                <!--二级菜单-->
                                <dl class="layui-nav-child">
                                    {{# layui.each(item.children,function(childIndex,childItem){ }}
                                    {{#  if(childItem.children){ }}
                                    <dd data-name="{{childItem.id}}">
<!--                                        <a lay-href="/{{childItem.name}}">{{childItem.title}}</a>-->
                                        <a href="javascript:;" lay-tips="{{childItem.title}}" lay-direction="3">
                                            {{#  if(childItem.menu_icon){ }}
                                            <i class="layui-icon {{item.menu_icon}}"></i>
                                            {{#  } else { }}
                                            <i class="layui-icon layui-icon-release"></i>
                                            {{#  } }}
                                            <cite>{{childItem.title}}</cite>
                                        </a>
                                        <!--三级菜单-->
                                        <dl class="layui-nav-child">
                                            {{# layui.each(childItem.children,function(childIndexTh,childItemTh){ }}
                                            <dd data-name="{{childItemTh.id}}">
                                                <a lay-href="/{{childItemTh.name}}">{{childItemTh.title}}</a>
                                            </dd>
                                            {{# }); }}
                                        </dl>

                                    </dd>
                                    {{#  } else { }}
                                    <dd data-name="{{childItem.id}}">
                                        <a lay-href="/{{childItem.name}}">{{childItem.title}}</a>
                                    </dd>
                                      {{#  } }}
                                    {{# }); }}
                                </dl>
                            </li>
                            {{#  } else { }}
                            <li data-name="{{item.id}}" class="layui-nav-item">
                                <a href="javascript:;" lay-href="/{{item.name}}" lay-tips="{{item.title}}" lay-direction="2">
                                    {{#  if(item.menu_icon){ }}
                                    <i class="layui-icon {{item.menu_icon}}"></i>
                                    {{#  } else { }}
                                    <i class="layui-icon layui-icon-release"></i>
                                    {{#  } }}
                                    <cite>{{item.title}}</cite>
                                </a>
                            </li>
                            {{#  } }}
                        {{#  }); }}
                    </script>
                </ul>
            </div>
        </div>

        <!-- 页面标签 -->
        <div class="layadmin-pagetabs" id="LAY_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;"></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                            <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                            <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                <ul class="layui-tab-title" id="LAY_app_tabsheader">
                    <li lay-id="{:url('index/console')}" lay-attr="{:url('index/console')}" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
                </ul>
            </div>
        </div>


        <!-- 主体内容 -->
        <div class="layui-body" id="LAY_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe src="{:url('index/console')}" frameborder="0" name="order_iframe" class="layadmin-iframe"></iframe>
            </div>
        </div>

        <!-- 辅助元素，一般用于移动设备下遮罩 -->
        <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
</div>

{include file="layout:_footer" /}
<script src="__static__/admin/lib/jquery/1.9.1/jquery.js"></script>
<script>
   var open =0;
    layui.config({
        base: '__static__/admin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index','common','laytpl','element','admin'],function () {
        var admin = layui.admin
            ,$ = layui.$
            ,common = layui.common
            ,laytpl =layui.laytpl
            ,element=layui.element;
        //退出
        admin.events.logout = function(){
            //执行退出接口
            admin.req({
                url: "{:url('index/logout')}"
                ,type: 'get'
                ,done: function(res){
                    //清空本地记录的 token，并跳转到登入页
                    admin.exit(function(){
                        location.href = "{:url('index/login')}";
                    });
                }
            });
        };
        // var audio = document.getElementById('audioPlay');
        // if(open == 1){
        //     audio.play();//audio.play();// 这个就是播放
        // }else {
        //     audio.pause();// 这个就是暂停
        //   //  layer.msg = '关闭成功';
        // }

        //菜单数据、模板
        let menus = [];
        let getTpl = menu.innerHTML
            , view = document.getElementById('LAY-system-side-menu');

        //头部navBar点击
        admin.events.navBar = function(othis){
            let key = othis.data('key');
            laytpl(getTpl).render(menus[key].children, function (html) {
                view.innerHTML = html;
                element.render();
            });
        };

        //更新配置缓存
        admin.events.clearCache = function(){
            $.post('{:url("config/cache")}', function (data) {
                layer.msg('已经清除缓存', {icon: 6});
            });
        };

        //菜单显示
        $.post("{:url('index/menu')}",function (res) {
            menus = common.arrayToTree(res,0);

            //初始化第一个头部bar菜单
            laytpl(getTpl).render(menus[0].children, function (html) {
                view.innerHTML = html;
                element.render();
            });
        });



    });

   // 订单提醒
  // setInterval("order_notic()",15000);//每分钟(60000)查一次

   // function order_notic() {
        // $.ajax({
        //     type: "POST",
        //     url: "{:url('order/order_notic')}",//后台方法
        //     // timeout: 15000,
        //     cache: false,
        //     async: true,
        //     dataType: "json",
        //     success: function(data) {
        //         console.log(data.result,'=================>result<')
        //         if(data.code==200 && data.count> 0){
        //             document.getElementById('audioPlay').play()
        //             //订单弹框
        //             var res = data.result;
        //             for (var i=0;i<res.length;i++) {
        //                 layer.open({
        //                     type: 0,
        //                     title: '新订单提醒',
        //                     skin: 'demo-class',//样式
        //                     content: '订单号：' + res[i].sn +'</br> 实付金额：'+res[i].price+'</br> 房间/桌号：'+res[i].table_id,
        //                     anim: 2,
        //                     shade: 0,
        //                     tipsMore: true, //允许多个tips
        //                     tips: 3,
        //                     offset: "rb",
        //                     btn: ['去处理'],//按钮名称
        //                     yes: function(index, layero){
        //                         setTimeout(function () {
        //                          //   window.location.href="{:url('order/index')}"
        //                             layui.index.openTabsPage("{:url('order/handle_order')}",'未处理订单'); //在内页内跳转打开
        //                         },1000);
        //                     }
        //                 });
        //             }
        //             //setInterval("order_iframe.location.reload()",2000);
        //         }
        //         // setInterval("window.parent.sffa.location.reload()",2000);
        //
        //     }
        //
        // });

   // };

    function autoPlays(id) {
        console.log(id,'===============>55<');
      //  console.log(type,'===============>55<');
        var myAuto = document.getElementById('audioPlay');

        $.ajax({
            // async: false,
            url: "{:url('index/change_open')}",
            type:'POST',
            data: {id: id},
            success: function (data) {
                console.log(data,'====================>data<');
                var res = data.data;
                if (data.code != 0) {
                    layer.msg = data.msg;
                }else {
                   if(res.open_audio == 1){
                       myAuto.play();//audio.play();// 这个就是播放
                       location.reload();

                   }else {
                       myAuto.pause();// 这个就是暂停
                       location.reload();
                       layer.msg = '关闭成功';
                   }
                }
            }
        });
        // myAuto.play();
        // if(myAuto!==null){
        //     //检测播放是否已暂停.audio.paused 在播放器播放时返回false.
        //     alert(myAuto.paused);
        //     if(myAuto.paused)                     {
        //         myAuto.play();//audio.play();// 这个就是播放
        //     }else{
        //
        //     }
        // }
    }
    //end
</script>

</body>
</html>


